--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Commit dafc150359c21a4379f4e706fee0fe344114b3c5
Parents : dba102f
Author : Ivan <ivan@quad4.io>
Signature : Signature validation error
Date : 2026-04-24T18:01:10-05:00
fix(layout): update height classes for responsive design in App.vue and AuthPage.vue
Changes
2 files changed, 2 insertions(+), 2 deletions(-)
Diff
diff --git a/meshchatx/src/frontend/components/App.vue b/meshchatx/src/frontend/components/App.vue
index 0b6cfeee..d4e88cd3 100644
--- a/meshchatx/src/frontend/components/App.vue
+++ b/meshchatx/src/frontend/components/App.vue
@@ -3,7 +3,7 @@
<template>
<div
:class="{ dark: config?.theme === 'dark' }"
- class="h-screen w-full flex flex-col transition-colors"
+ class="h-dvh min-h-0 w-full flex flex-col transition-colors"
:style="shellCanvasStyle"
>
<AppShellBanners
diff --git a/meshchatx/src/frontend/components/auth/AuthPage.vue b/meshchatx/src/frontend/components/auth/AuthPage.vue
index 60cb52cc..1deffdb8 100644
--- a/meshchatx/src/frontend/components/auth/AuthPage.vue
+++ b/meshchatx/src/frontend/components/auth/AuthPage.vue
@@ -1,7 +1,7 @@
<!-- SPDX-License-Identifier: 0BSD -->
<template>
- <div class="h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-zinc-950">
+ <div class="h-dvh min-h-0 w-full flex items-center justify-center bg-slate-50 dark:bg-zinc-950">
<div class="w-full max-w-md p-8">
<div
class="bg-white dark:bg-zinc-900 rounded-2xl shadow-lg border border-gray-200 dark:border-zinc-800 p-8"
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────